<script setup lang="ts">

    import {reactive} from 'vue';
    var user = reactive({
        "kliometre":0,
        "minute":0,
        "steps":0
    });

    function update(){
        user.kliometre = 10;
        user.minute=60;
        user.steps = 6000    
    }

</script>

<template>

    <h1>运动数据</h1>
    <h3>运动距离：{{ user.kliometre }}</h3>
    <h3>运动时长：{{ user.minute }}</h3>
    <h3>运动步数：{{ user.steps }}</h3>
    <button @click="update">更新</button>

</template>